import { StyleSheet } from 'react-native';
import { phonePx } from '../../util/adapt';
import { APP_BLACK, BORDER_GREY } from '../../constant/color';

export default StyleSheet.create({
  container: {
    position: 'absolute',
    left: 0,
    right: 0,
    bottom: -phonePx(151),
    height: phonePx(151),
    backgroundColor: '#ffffff',
    justifyContent: 'flex-end'
  },
  content: {
    height: phonePx(151),
    borderTopLeftRadius: phonePx(8),
    borderTopRightRadius: phonePx(8),
    alignItems: 'center'
  },
  button: {
    height: phonePx(50),
    backgroundColor: '#ffffff',
    justifyContent: 'center',
    alignItems: 'center'
  },
  buttonDesc: {
    fontSize: phonePx(16),
    color: APP_BLACK,
    fontWeight: '400'
  },
  line: {
    height: phonePx(1),
    backgroundColor: BORDER_GREY
  }
});
